<ion-header>
    <ion-toolbar content-page>
        <ion-buttons start>
            <button ion-button icon-only navPop>
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            <span>{{shortName}}</span>
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>
<ion-content>
    <div class="title-bar" ion-fixed (click)="toActivityDetail()">
        <div class="activity-name" [innerHTML]="name">
        </div>
        <div class="activity-date">
            活动时间：{{activityTime}}
        </div>
    </div>

    <div class="title-bar-webchat row" ion-fixed>
        <div class="col noCol" (click)="showBusinessGroup($event)">业务组<i></i></div>
        <div class="col noCol">营销员</div>
        <div class="col noCol" (click)="showIsActiveAction($event)">是否<br>参与<i></i></div>
        <div class="col noCol">获客<br>总数</div>
        <div class="col noCol">新客<br>户数</div>
    </div>


    <div class="card-list">

        <div *ngIf="webChatActivityList.length === 0" class="no-data">
            <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
            <div class="no-data-txt">没有相关数据</div>
        </div>
        <div class="card row"
             *ngFor="let item of webChatActivityList;  index as innerIndex">
            <div class="col card-bd">
                <div class="row">
                    <div class="col noCol name">{{item.groupName}}</div>
                    <div class="col noCol hasActive">
                        <span>{{item.agentName}}</span>
                    </div>
                    <div class="col noCol noActive">
                        {{item.isJoin}}
                    </div>
                    <div class="col noCol allNums">{{item.getCustomerNum}}</div>
                    <div class="col noCol newActive">
                        {{item.newCustomerNum }}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <ion-fab bottom right class="go-up">
        <button ion-fab (click)="goUp()" color="light">
            <img class="go-up-icon" src="./assets/images/client/client-list/icon_top.png" alt="">
        </button>
    </ion-fab>
</ion-content>
<ion-footer>
    <div class="title-bar-webchat-total row">
        <div class="col noCol">合计</div>
        <div class="col noCol" [innerHTML]="webChatDetailTotal.totalPerson"></div>
        <div class="col noCol">-</div>
        <div class="col noCol" [innerHTML]="webChatDetailTotal.getCustomerNum"></div>
        <div class="col noCol" [innerHTML]="webChatDetailTotal.newCustomerNum"></div>
    </div>
</ion-footer>
